<template>
  <div class="about">
    <h1>This is an about page</h1>
    <PluginComponent></PluginComponent>
    <YesNoComponent :call-me="callCb"/>
    <QuantityComponent></QuantityComponent>
    <AjaxComponent></AjaxComponent>
  </div>
</template>

<script>
import PluginComponent from '@/components/PluginComponent.vue'
import YesNoComponent from '@/components/YesNoComponent.vue'
import QuantityComponent from '@/components/QuantityComponent.vue'
import AjaxComponent from '@/components/AjaxComponent.vue'

export default {
  name: 'About',
  components: {
    PluginComponent,
    YesNoComponent,
    QuantityComponent,
    AjaxComponent
  },
  methods: {
    callCb (str) {
      console.log(str)
    }
  },
  created () {
    console.log(11111)
  }
}
</script>
